<style type="text/css"> #preloader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #272727;
        z-index: 1040;
        display: -webkit-flex; /* Safari */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #preloader #preloader-inner {
        display: block;
        position: relative;
    }

    /*Battery*/
    .battery {
        width: 28px;
        height: 14px;
        border: 1px #fff solid;
        border-radius: 2px;
        position: relative;
        -webkit-animation: charge 2.5s linear infinite;
        -moz-animation: charge 2.5s linear infinite;
        animation: charge 2.5s linear infinite;
        top: 40px;
        margin: 0 auto;
    }

    .battery:after {
        width: 2px;
        height: 7px;
        background-color: #fff;
        border-radius: 0px 1px 1px 0px;
        position: absolute;
        content: "";
        top: 2px;
        right: -4px;
    }

    @-webkit-keyframes charge {
        0% {
            box-shadow: inset 0px 0px 0px #fff;
        }
        100% {
            box-shadow: inset 30px 0px 0px #21ff00;
        }
    }

    @-moz-keyframes charge {
        0% {
            box-shadow: inset 0px 0px 0px #fff;
        }
        100% {
            box-shadow: inset 30px 0px 0px #21ff00;
        }
    }

    @keyframes charge {
        0% {
            box-shadow: inset 0px 0px 0px #fff;
        }
        100% {
            box-shadow: inset 30px 0px 0px #21ff00;
        }
    }

    @keyframes fadeOut {
        0% {
            opacity: 1
        }
        to {
            opacity: 0
        }
    }

    .fadeOut {
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-name: fadeOut
    }</style>
<div id="preloader">
    <div id="preloader-inner" class="battery"></div>
</div>
<script id="load-script" type="application/javascript">+function (d) {
    function e () {
        var a,
            b = document.createElement('surface'),
            c = {
                animation: 'animationend',
                OAnimation: 'oanimationend',
                MozAnimation: 'mozAnimationEnd',
                WebkitAnimation: 'webkitAnimationEnd'
            }
        for (a in c) if (void 0 !== b.style[a]) return c[a]
    }

    d.getAnimation = e
    var b = document.getElementById('preloader'), f = document.getElementById('load-script')
    d.fulfilLoading = function () {
        b.className = 'fadeOut'
        var a = e()
        a && b.addEventListener(a, function () {
            document.body.removeChild(b)
            document.body.removeChild(f)
            b.removeEventListener(a, arguments.callee,
                !1)
        })
    }
}(window)
</script>
